<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>操作文本</title>
</head>
<body>
<div id="div">我是div</div>
<input type="text" id="username">
<input type="button" id="btn1" value="获取div的文本">
<input type="button" id="btn2" value="设置div的文本">
<input type="button" id="btn3" value="获取文本输入框中的内容">
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    //1. html()   获取标签的文本内容
    $("#btn1").click(function () {
        //alert($("#div").html())//相当于innerHTML属性
        alert($("#div").html())//相当于innerText属性
    })
    //2. html(value)   设置标签的文本内容，解析标签
    $("#btn2").click(function () {
        //$("#div").html("<font color = 'red'>再也没有对你想起</font>")//相当于innerHTML属性
        $("#div").html("<font color='red'>再也没有对你想起</font>") //相当于innerText属性
    })
    //3. val()     获取文本输入框中的内容
    $("#btn3").click(function () {
        alert($("#username").val("再也没有对你的秘密"))
    })

</script>
</html>